%sidebar-item {
  color: #000;
  font-size: 16px;
  font-weight: 700;
  line-height: 140%;
}

.main--shop {
  background: rgba(246, 246, 246, 1);
  .main-wrapper {
    max-width: 940px;
    margin-left: auto;
    margin-right: auto;
  }
  // Breadcrumbs
  .main-breadcrumbs {
    margin: 40px 0 22px;
    .main-breadcrumbs__title {
      color: #000;
      text-transform: uppercase;
      font-family: "PT Sans Narrow";
      font-size: 32px;
      font-weight: 700;
      line-height: 110%;
      padding-bottom: 16px;
    }
    .main-breadcrumbs__pass {
      color: #000;
      .main-breadcrumbs__link {
        color: #000;
        text-decoration: underline;
      }
    }
    .main-breadcrumbs__img {
      padding: 0 8px;
    }
  }
  // Catalog
  .main__catalog {
    // Aside settings
    .catalog__wrapper {
      display: grid;
      grid-template-areas:
        "aside head"
        "aside body"
        "aside bottom";
      grid-gap: 16px;
    }
    .catalog__settings {
      width: 225px;
      grid-area: aside;
    }
    .settings__subtitle {
      color: #000;
      font-family: "PT Sans Narrow";
      font-size: 24px;
      font-weight: 700;
      line-height: 140%;
      text-transform: uppercase;
      padding-bottom: 22px;
    }
    .shop-btn {
      background-color: #000;
      padding: 14px 65px;
      justify-content: center;
      text-transform: uppercase;
      font-size: 16px;
      font-weight: 700;
      text-align: center;
      transition: all 0.2s;
    }
    .shop-btn:disabled {
      background-color: rgba(89, 89, 89, 1);
      transition: all 0.2s;
      cursor: default;
    }
    .shop-btn:disabled:hover {
      background-color: rgba(89, 89, 89, 1);
    }
    .shop-btn:hover {
      background-color: rgba(129, 75, 24, 1);
      transition: all 0.2s;
    }
    .shop-btn:focus {
      background-color: rgba(129, 75, 24, 1);
      transition: all 0.2s;
      box-shadow: 0px 0px 0px 2px rgba(219, 181, 144, 1);
    }
    .shop-sec-btn {
      transition: all 0.2s;
    }
    .shop-sec-btn:disabled {
      background-color: rgba(89, 89, 89, 1);
      transition: all 0.2s;
    }
    .shop-sec-btn:disabled:hover {
      background-color: rgba(89, 89, 89, 1);
    }
    .shop-sec-btn:hover {
      background-color: rgba(219, 181, 144, 1);
      transition: all 0.2s;
    }
    .shop-sec-btn:focus {
      background-color: rgba(219, 181, 144, 1);
      transition: all 0.2s;
      box-shadow: 0px 0px 0px 2px rgba(129, 75, 24, 1);
    }
    .settings__price {
      .price-setting__slider {
        height: 5px;
        background-color: rgba(36, 36, 36, 1);
        width: 220px;
        border-radius: 5px;
        position: relative;
      }
      .progress {
        height: 5px;
        background-color: rgba(175, 120, 66, 1);
        border-radius: 5px;
        left: 15%;
        right: 15%;
        position: absolute;
      }
      .range-input {
        width: 220px;
        position: relative;
      }
      .range-input input {
        position: absolute;
        top: -5px;
        height: 5px;
        width: 100%;
        background: none;
        appearance: none;
        pointer-events: none;
        -webkit-appearance: none;
      }
      input[type="range"]::-webkit-slider-thumb {
        height: 17px;
        width: 17px;
        background: white;
        border: 2px solid #000;
        pointer-events: auto;
        border-radius: 50%;
        -webkit-appearance: none;
      }
      input[type="range"]::-moz-slider-thumb {
        height: 17px;
        width: 17px;
        background: white;
        border: 2px solid #000;
        pointer-events: auto;
        border-radius: 50%;
        -moz-appearance: none;
      }
      input[type="range"]::-webkit-slider-thumb:hover {
        background-color: rgba(219, 181, 144, 1);
      }
      input[type="range"]::-moz-slider-thumb:hover {
        background-color: rgba(219, 181, 144, 1);
      }
      input[type="range"]::-webkit-slider-thumb:active {
        background-color: rgba(219, 181, 144, 1);
        box-shadow: 0 0 0 3px #af7842;
      }
      input[type="range"]::-moz-slider-thumb:active {
        background-color: rgba(219, 181, 144, 1);
        box-shadow: 0 0 0 3px #af7842;
      }
      input[type="range"]::-webkit-slider-thumb:focus {
        background-color: rgba(219, 181, 144, 1);
        box-shadow: 0 0 0 3px #af7842;
      }
      input[type="range"]::-moz-slider-thumb:focus {
        background-color: rgba(219, 181, 144, 1);
        box-shadow: 0 0 0 3px #af7842;
      }
      .price-setting__watch {
        margin-top: 12px;
        text-align: center;
        color: #000;
      }
      .show-value {
        color: #000;
      }
    }
    .settings__manufacturers {
      margin-top: 40px;
      .manufacturers-setting__item:first-child {
        padding-top: 0;
      }
      .manufacturers-setting__item {
        min-height: 22px;
        padding-top: 16px;
      }
      .check {
        display: flex;
        align-self: center;
      }
      .check__text {
        @extend %sidebar-item;
      }
      .check__box {
        top: auto;
      }
    }
    .setting__groups {
      margin-top: 40px;
      .groups-setting__item {
        display: flex;
        padding-top: 16px;
      }
      .groups-setting__item:first-child {
        padding-top: 0;
      }
      .radio {
        cursor: pointer;
        padding-left: 36px;
        position: relative;
      }
      .radio__input {
        position: absolute;
        appearance: none;
      }
      .radio__box {
        top: -2px;
        margin-left: -36px;
        position: absolute;
        width: 20px;
        height: 20px;
        border-radius: 50%;
        border: 2px solid #242424;
      }
      .radio__box::before {
        content: "";
        display: inline-block;
        width: 8px;
        height: 8px;
        background-color: black;
        border-radius: 50%;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        display: none;
      }
      // Checked
      .radio__input:checked + .radio__box::before {
        display: block;
      }
      // Hovered
      .radio:hover .radio__box {
        border: 2px solid #af7842;
      }
      //  Focused
      .radio__input:focus + .radio__box {
        border: 2px solid #af7842;
      }
      //  Disabled
      .radio__input:disabled + .radio__box {
        border: 2px solid rgba(189, 189, 189, 1);
      }
      .radio__input:checked:disabled + .radio__box {
        border: 2px solid rgba(189, 189, 189, 1);
      }
      .radio__text {
        @extend %sidebar-item;
      }
    }
    .settings__apply-btn {
      margin-top: 40px;
      padding: 20px;
    }
  }
  // ! Дописать стилизацию для выпадающих элементов select
  .catalog-head {
    background-color: white;
    grid-area: head;
    display: flex;
    justify-content: space-between;
    width: 700px;
    height: 76px;
    padding: 16px;
    box-shadow: 0px 4px 8px 0px rgba(79, 70, 60, 0.16);
    .catalog-head__select {
      width: 260px;
      height: 44px;
      border: 2px solid #000;
      color: #000;
      font-size: 14px;
      font-weight: 700;
      line-height: 150%;
      padding: 10px 16px;
    }
		.catalog-head__select:hover {
      border: 2px solid rgba(175, 120, 66, 1);
      transition: all 0.2s;
    }
    .catalog-head__select:focus {
      border: 2px solid rgba(175, 120, 66, 1);
			box-shadow: 0px 0px 0px 2px rgba(219, 181, 144, 1);
      transition: all 0.2s;
      
    }
    .catalog-head__option {
      color: #000;
      font-size: 12px;
      font-weight: 700;
    }
    .catalog-head__btns {
      display: flex;
    }
    .catalog-head__btn {
      padding: 14px 20px;
    }
    .catalog-first-btn {
      background-color: white;
    }
    .catalog-second-btn {
      background-color: black;
    }
  }
  .catalog-body {
    grid-area: body;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 20px;
    .catalog-body__card {
      background-color: white;
      text-align: center;
      box-shadow: 0px 4px 8px 0px rgba(79, 70, 60, 0.16);
    }
    .catalog-card__img {
      background: rgba(246, 246, 246, 1);
      padding: 16px 0;
    }
    .catalog-card__text-block {
      margin: 16px 16px 0;
      text-align: left;
    }
    .catalog-card__title {
      color: #000;
      font-size: 16px;
      font-style: normal;
      font-weight: 700;
      line-height: 150%; /* 24px */
      margin-bottom: 8px;
    }
    .catalog-card__cost {
      color: #814b18;
      font-family: "PT Sans Narrow";
      font-size: 24px;
      font-style: normal;
      font-weight: 700;
      line-height: 120%; /* 28.8px */
      text-transform: uppercase;
    }
    .catalog-card__btn {
      margin: 40px 13px 16px;
    }
  }
  .catalog-bottom {
    grid-area: bottom;
    padding-top: 8px;
    background-color: white;
    display: flex;
    justify-content: space-between;
    padding: 16px;
    max-width: 700px;
    height: 76px;
    margin-bottom: 60px;
    .catalog-bottom__pagination {
      display: grid;
      grid-template-columns: repeat(7, 1fr);
      grid-column-gap: 8px;
    }
    .catalog-bottom__pagination-btn-type-1 {
      padding: 14px 20px;
    }
    .catalog-bottom__pagination-btn-type-2 {
      padding: 14px 20px;
    }
    .catalog-bottom__show-more-btn {
      padding: 14px 20px;
    }
  }
}
